<template>
    <div class="right">
      <div class="main_right_channel">
        <div class="origina_column_960" id="js_origina_column_960">
          <div ne-module="/news/index2016_rmd/modules/originacolumn/originacolumn.js">
            <div class="origina_column_warp">
              <h2>
                <span>新闻各有态度</span>
              </h2>
              <div class="scroll_bd ne-scrl-wrap ne-scrl-y" ne-role="scroll_bd">
                <div class="scroll_column_bd" style="overflow: hidden; height: auto;">
                  <ul class="scroll_ul">
                    <!-- 回声 开始 -->

                    <!-- 回声 结束 -->
                    <!-- 数读 开始 -->
                    <li class="cell cell_sd cell_hover">
                      <p class="tag_line">
                        <a href="https://data.163.com/special/datablog/" class="tags tag_sd">数读</a>
                      </p>
                      <div class="column_main">
                        <a href="https://www.163.com/data/article/GRR0UB09000181IU.html" class="detail" ne-role="detail">
                          <h3>
                            考研最卷的专业，我提名新传
                          </h3>
                          <div class="photo">
                            <img ne-lazy="effect:fadeIn;slideIndex:0;" data-original="https://cms-bucket.ws.126.net/2021/1222/465506e4j00r4i6zv004hc0005k002ic.jpg?imageView&amp;thumbnail=200y90" width="200" height="90" alt="考研最卷的专业，我提名新传">
                          </div>
                        </a>
                        <ul>
                          <li class=""><a href="https://www.163.com/data/article/GRBK57JQ000181IU.html">中国痔疮地图，川渝不是第一</a></li>
                          <li class="twoli "><a href="https://www.163.com/data/article/GQNPMNL8000181IU.html">选调生，中国最卷的公务员考试</a></li>
                        </ul>
                      </div>
                    </li>
                    <!-- 数读 结束 -->
                    <!-- 人间 开始 -->

                    <!-- 人间 结束 -->
                    <!-- 大国小民 开始 -->

                    <!-- 大国小民 结束 -->
                    <!-- 三三有梗 开始 -->
                    <!-- 三三有梗 结束 -->
                    <!-- 三三映画 开始 -->
                    <!-- 三三映画 结束 -->
                    <!-- 我去1990 开始 -->
                    <!-- 我去1990 结束 -->
                    <!-- 轻松一刻 开始 -->
                    <li class="cell cell_qsyk">
                      <p class="tag_line">
                        <span class="tags tag_qsyk">轻松一刻</span>
                      </p>
                      <div class="column_main">
                        <a href="https://www.163.com/news/article/GS8MQDF8000181BR.html" class="detail" ne-role="detail">
                          <h3>
                            年度大猎奇！村书记竟爱上了喷水机？
                          </h3>
                          <div class="photo">
                            <img ne-lazy="effect:fadeIn;slideIndex:0;" data-original="https://cms-bucket.ws.126.net/2021/1227/0b7f1709p00r4s13k0026c0009c0070c.png?imageView&amp;thumbnail=200y90" width="200" height="90" alt="年度大猎奇！村书记竟爱上了喷水机？">
                          </div>
                        </a>
                        <ul>
                          <li class=""><a href="https://www.163.com/news/article/GS64G925000181BR.html">拍断男友三根肋骨,这是什么“温柔”女友</a></li>
                          <li class="twoli "><a href="https://www.163.com/news/article/GS3DOE6K000181BR.html">宅男福音，可以光明正大的舔屏了！</a></li>
                        </ul>
                      </div>
                    </li>
                    <!-- 轻松一刻 结束 -->
                    <!-- 槽值 开始 -->
                    <li class="cell cell_caozhi">
                      <p class="tag_line">
                        <span class="tags tag_caozhi">槽值</span>
                      </p>
                      <div class="column_main">
                        <a href="https://www.163.com/caozhi/article/GRR4I0AI000181TI.html" class="detail" ne-role="detail">
                          <h3>
                            开播9.7，B站最“俗”国综回归了
                          </h3>
                          <div class="photo">
                            <img ne-lazy="effect:fadeIn;slideIndex:0;" data-original="https://cms-bucket.ws.126.net/2021/1222/1b5179a0p00r4ia1g0041c000go005kc.png?imageView&amp;thumbnail=200y90" width="200" height="90" alt="开播9.7，B站最“俗”国综回归了">
                          </div>
                        </a>
                        <ul>
                          <li class=""><a href="https://www.163.com/caozhi/article/GRDPESVF000181TI.html">不吹不黑，这就是今年的港片No.1</a></li>
                          <li class="twoli "><a href="https://www.163.com/caozhi/article/GRC06C8G000181TI.html">谢天谢地，她终于不靠搞笑出圈了</a></li>
                        </ul>
                      </div>
                    </li>
                    <!-- 槽值 结束 -->
                    <!-- 谈心社 开始 -->
                    <li class="cell cell_tanxinshe">
                      <p class="tag_line">
                        <span class="tags tag_tanxinshe">谈心社</span>
                      </p>
                      <div class="column_main">
                        <a href="https://www.163.com/news/article/GRR6ILNC0001982T.html" class="detail" ne-role="detail">
                          <h3>
                            一个女生去世前的24小时，发生了什么？
                          </h3>
                          <div class="photo">
                            <img ne-lazy="effect:fadeIn;slideIndex:0;" data-original="https://cms-bucket.ws.126.net/2021/1222/9cfb68c6p00r4ibim001mc000go005kc.png?imageView&amp;thumbnail=200y90" width="200" height="90" alt="一个女生去世前的24小时，发生了什么？">
                          </div>
                        </a>
                        <ul>
                          <li class=""><a href="https://www.163.com/news/article/GROB3FSH00019S41.html">“村民”李亚鹏，你可能从未看懂他</a></li>
                          <li class="twoli "><a href="https://www.163.com/news/article/GRLEJ37P0001982T.html">史策：走向“腰部演员”的第五年</a></li>
                        </ul>
                      </div>
                    </li>
                    <!-- 谈心社 结束 -->
                    <!-- 看客 开始 -->

                    <!-- 看客 结束 -->
                    <!-- 身体密码 开始 -->
                    <li class="cell cell_stpwd">
                      <p class="tag_line">
                        <a href="https://jiankang.163.com/special/zhutierji/?type=3" class="tags tag_stpwd">身体密码</a>
                      </p>
                      <div class="column_main">
                        <a href="https://jiankang.163.com/21/1223/18/GRU1DSBR00388AD5.html" class="detail" ne-role="detail">
                          <h3>
                            我宣布，无痛胃肠镜是人类之光
                          </h3>
                          <div class="photo">
                            <img ne-lazy="effect:fadeIn;slideIndex:0;" data-original="https://cms-bucket.ws.126.net/2021/1223/b559ec4ej00r4kdni001wc0005k002ic.jpg?imageView&amp;thumbnail=200y90" width="200" height="90" alt="我宣布，无痛胃肠镜是人类之光">
                          </div>
                        </a>
                        <ul>
                          <li class=""><a href="https://jiankang.163.com/21/1216/09/GRB3GMUH0038804G.html">1米78还说矮 他在“凡尔赛”？</a></li>
                          <li class="twoli "><a href="https://jiankang.163.com/21/1201/13/GQ4S8RPN00388AD5.html">“我为什么会感染艾滋病？”</a></li>
                        </ul>
                      </div>
                    </li>
                    <!-- 身体密码 结束 -->
                    <!-- 哒哒 开始 -->

                    <!-- 哒哒 结束 -->
                  </ul>
                </div>
                <div id="js_baseline"></div>
                <span class="white_bg" id="js_white_bg"></span>
                <div class="ne-scrl-bd">        <div class="ne-scrl-ct" style="height: 0px; display: none;">          <a class="ne-scrl-btn" hidefocus="true" style="height: 80px; top: 0px;">            <b class="ne-scrl-btn-start"></b><b class="ne-scrl-btn-end"></b><span class="ne-scrl-btn-bd"><span></span></span>          </a>        </div>      </div></div>
            </div>
          </div>
        </div>
        <div class="mt12 mod_ad_1 mod_ad_r mod_js_ad" data-adid="news_index_right_1" ad-location="31" ad-category="news" ad-position="0">
          <!-- 300*250 -->
          <div class="at_item right_ad_item" adtype="rightAd" requesturl="https://nex.163.com/q?app=7BE0FC82&amp;c=news&amp;l=31&amp;site=netease&amp;affiliate=news&amp;cat=homepage&amp;type=logo300x250&amp;location=1"><iframe width="300" height="250" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></div>
          <a href="javascript:;" target="_self" class="ad_hover_href"></a>
        </div>
        <div class="mt35 mod_pageh5 cm_area_show">
          <div ne-module="/news/index2016_rmd/modules/modh5/modh5.js">
            <div class="idx_cm_title">
              <a href="https://open.163.com/" class="title">网易公开课</a>
            </div>
            <div class="wrap" ne-module="/modules/slide/slide.js" ne-state="slideMethod:left;events=mouseover;interval=4000;loop=true;">
              <div class="h5_bg h5_border">
                <div class="h5_body" ne-role="slide-body">
                  <div class="h5_main clearfix" ne-role="slide-scroll" style="width: 1120px; left: -280px;">
                    <div ne-role="slide-page" class="h5_item" style="width: 280px;">
                      <div class="h5_item_poster">
                        <a href="https://open.163.com/newview/movie/free?pid=NGP9PCDUB&amp;mid=DGP9PCDVB">
                          <img ne-lazy="loaded:true;effect:fadeIn;slideIndex:0;" data-original="https://cms-bucket.ws.126.net/2021/1207/9a0e99f5j00r3q6kw0035c0007s00c4c.jpg?imageView&amp;thumbnail=280y436" width="280" height="436" src="https://cms-bucket.ws.126.net/2021/1207/9a0e99f5j00r3q6kw0035c0007s00c4c.jpg?imageView&amp;thumbnail=280y436&amp;type=webp" style="display: inline; opacity: 1;">
                          <span class="bg"></span>
                          <h3>我国科学家在月球背面发现“天外来客”？</h3>
                        </a>
                      </div>
                    </div>
                    <div ne-role="slide-page" class="h5_item current" style="width: 280px;">
                      <div class="h5_item_poster">
                        <a href="https://open.163.com/newview/movie/free?pid=MGO61T67I&amp;mid=MGO68527D">
                          <img ne-lazy="loaded:true;effect:fadeIn;slideIndex:0;" data-original="https://cms-bucket.ws.126.net/2021/1207/4eb0eb9dj00r3q6jx002lc0007s00c4c.jpg?imageView&amp;thumbnail=280y436" width="280" height="436" src="https://cms-bucket.ws.126.net/2021/1207/4eb0eb9dj00r3q6jx002lc0007s00c4c.jpg?imageView&amp;thumbnail=280y436&amp;type=webp" style="display: inline; opacity: 1;">
                          <span class="bg"></span>
                          <h3>中国航天缘起：钱学森和东方红一号</h3>
                        </a>
                      </div>
                    </div>
                    <div ne-role="slide-page" class="h5_item" style="width: 280px;">
                      <div class="h5_item_poster">
                        <a href="https://open.163.com/newview/movie/free?pid=QGLSRUULB&amp;mid=YGLSRUUOC">
                          <img ne-lazy="loaded:true;effect:fadeIn;slideIndex:0;" data-original="https://cms-bucket.ws.126.net/2021/1122/46b9388bj00r2z3eb000zc0007s00c4c.jpg?imageView&amp;thumbnail=280y436" width="280" height="436" src="https://cms-bucket.ws.126.net/2021/1122/46b9388bj00r2z3eb000zc0007s00c4c.jpg?imageView&amp;thumbnail=280y436&amp;type=webp" style="display: inline; opacity: 1;">
                          <span class="bg"></span>
                          <h3>身为中华儿女，你知道旗杆多高吗？</h3>
                        </a>
                      </div>
                    </div>
                    <div ne-role="slide-page" class="h5_item" style="width: 280px;">
                      <div class="h5_item_poster">
                        <a href="https://open.163.com/newview/movie/free?pid=DGN9LTPMN&amp;mid=NGN9LTPNI">
                          <img ne-lazy="loaded:true;effect:fadeIn;slideIndex:0;" data-original="https://cms-bucket.ws.126.net/2021/1115/977f55bdj00r2lubg002nc0007s00c4c.jpg?imageView&amp;thumbnail=280y436" width="280" height="436" src="https://cms-bucket.ws.126.net/2021/1115/977f55bdj00r2lubg002nc0007s00c4c.jpg?imageView&amp;thumbnail=280y436&amp;type=webp" style="display: inline; opacity: 1;">
                          <span class="bg"></span>
                          <h3>地球“自转”有多快？为何人类没感觉？</h3>
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- <div class="scrollbtn scrollbtl" ne-role="scrollbtn"><a ne-role="slide-prev" class="f_prev">&lt;</a></div>
                <div class="scrollbtn scrollbtnr" ne-role="scrollbtn"><a ne-role="slide-next" class="f_next">&gt;</a></div> -->
                <div class="nav clearfix">
                  <span ne-role="slide-nav" class=""></span><span ne-role="slide-nav" class="current"></span><span ne-role="slide-nav" class=""></span><span ne-role="slide-nav" class=""></span>
                </div>
              </div>
              <!-- <div class="nav clearfix">
                <span ne-role="slide-nav" ne-repeat="1..state.total"></span>
              </div> -->
            </div></div>
        </div>
      </div>
    </div>
</template>

<script>
    export default {
        name: "Right"
    }
</script>

<style scoped>
  .main_right_channel {
    float: right;
    display: inline;
    width: 300px;
    overflow: hidden;
  }
  .origina_column_960 {
    display: none;
  }
  .origina_column_warp h2 {
    font-size: 16px;
    color: #404040;
    line-height: 16px;
    padding: 0px 0px 15px 0px;
    border-bottom: 1px #eeeeee solid;
  }

  .ma12, .mt12 {
    margin-top: 12px;
  }

  .mod_ad_r {
    line-height: 0px;
  }

  .mod_ad_r .right_ad_item {
    position: relative;
    width: 300px;
  }
</style>
